<template>
  <div>
    <h2>欧美</h2>
    <div class="box1">
      <img
        src="https://img2.baidu.com/it/u=1037237065,2939236447&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=752"
        alt=""
      />
      <img
        src="https://img0.baidu.com/it/u=2656464455,3334933692&fm=253&fmt=auto&app=138&f=JPEG?w=337&h=499"
        alt=""
      />
      <img
        src="https://img1.baidu.com/it/u=3097932474,1318711884&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=750"
        alt=""
      />
      <img
        src="https://img2.baidu.com/it/u=3405514745,559660745&fm=253&fmt=auto&app=138&f=JPEG?w=440&h=660"
        alt=""
      />
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
h2 {
  text-align: center;
}
.box1 {
  display: flex;
  justify-content: space-evenly;
}

img {
  width: 320px;
  height: 450px;
}
</style>
